<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/medio.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/ticket.css">

</head>
<body>
<!--顶部导航-->
<div id="header">
    <ul class="nav">
        <li><a href="index.html">首页</a></li>
        <li ><a href="information.html">资讯</a></li>
        <li class="active"><a href="ticket.html">票务</a></li>
        <li ><a href="about.html">关于</a></li>
    </ul>
</div>
<div id="headline">
    <img src="img/headline.png" alt="">
    <hgroup>
        <h2>票务订购</h2>
        <h3>各种飞机票、火车票、汽车票和轮渡票的订购服务</h3>
    </hgroup>
</div>
<div class="list ticket">
    <form action="###">
        <h2>机票预定</h2>
    </form>
</div>
<div class="list ticket">
    <form action="###">
        <h2>机票预定</h2>
        <fieldset class="type">
            <p>航程类型 <mark>单程</mark> 往返</p>
        </fieldset>
        <fieldset class="form">
            <p>
                <label for="from_city">出发城市</label>
                <input type="text" name="from_city" id="from_city" placeholder="城市名">
            </p>
            <p>
                <label for="to_city">返回城市</label>
                <input type="text" name="to_city" id="to_city" placeholder="城市名">
            </p>
        </fieldset>
        <fieldset class="form">
            <p>
                <label for="from_date">出发时间</label>
                <input type="text" name="from_date" id="from_date" placeholder="时间/日期">
            </p>
            <p>
                <label for="to_date">返回时间</label>
                <input type="text" name="to_date" id="to_date" placeholder="时间/日期">
            </p>
        </fieldset>
        <fieldset class="form">
            <p>
                <button type="submit" class="submit">订票</button>
            </p>
        </fieldset>
    </form>
    <div class="new">
        <h2>最新机票</h2>
        <ul>
            <li>热门城市：</li>
            <li>北京</li>
            <li>上海</li>
            <li>广州</li>
            <li>深圳</li>
            <li>重庆</li>
            <li>成都</li>
            <li>杭州</li>
            <li>南京</li>
        </ul>
        <table>
            <thead>
            <tr>
                <th>路线</th>
                <th>日期</th>
                <th>价格</th>
                <th class="min">税费</th>
                <th class="min">餐食</th>
                <th>航班</th>
                <th>预定</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>北京-成都</td>
                <td>10-15</td>
                <td class="price">¥745</td>
                <td class="min">¥50</td>
                <td class="min">有</td>
                <td>春秋航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-上海</td>
                <td>10-15</td>
                <td class="price">¥479</td>
                <td class="min">¥45</td>
                <td class="min">无</td>
                <td>南方航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-深圳</td>
                <td>10-15</td>
                <td class="price">¥561</td>
                <td class="min">¥52</td>
                <td class="min">有</td>
                <td>西部航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-杭州</td>
                <td>10-15</td>
                <td class="price">¥378</td>
                <td class="min">¥36</td>
                <td class="min">无</td>
                <td>天津航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-广州</td>
                <td>10-15</td>
                <td class="price">¥612</td>
                <td class="min">¥44</td>
                <td class="min">有</td>
                <td>首都航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-重庆</td>
                <td>10-15</td>
                <td class="price">¥428</td>
                <td class="min">¥62</td>
                <td class="min">有</td>
                <td>东方航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-昆明</td>
                <td>10-15</td>
                <td class="price">¥509</td>
                <td class="min">¥35</td>
                <td class="min">无</td>
                <td>厦门航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-厦门</td>
                <td>10-15</td>
                <td class="price">¥893</td>
                <td class="min">¥73</td>
                <td class="min">有</td>
                <td>深圳航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            <tr>
                <td>北京-长沙</td>
                <td>10-15</td>
                <td class="price">¥663</td>
                <td class="min">¥46</td>
                <td class="min">无</td>
                <td>四川航空</td>
                <td><a href="###" class="reserve">预定</a></td>
            </tr>
            </tbody>
            <tfoot>
            <td colspan="7"><a href="###" class="more2">加载更多航班...</a></td>
            </tfoot>
        </table>
    </div>
</div>
<!--底部栏目-->
<div id="footer">
    <div class="footer_link">
        <a href="#">客户端</a>
        <span>|</span>
        <a href="#">触屏版</a>
        <span>|</span>
        <a href="#">电脑版</a>
    </div>
    <p>Copyright &copy;cstp 瓢城旅行社 | 苏ICP备120110119号</p>
</div>
</div>
</body>
</html>
<script src="js/index.js"></script>
<script src="js/swiper.min.js"></script>
